<template>
  <div class="navInfo">
    <span class="home" @click="$router.push({ path: '/' })">首页</span>
    >
    <span v-if="frist_title">{{frist_title}}</span>
    >
    <span v-if="two_title">{{two_title}}</span>
  </div>
</template>

<script>

export default {
  name: "navInfo",
  props: {
    // title 标题
    fristTitle: {
      type: String,
    },
    twoTitle: {
      type: String,
    },
  },
  computed: {
    frist_title() {
      return this.fristTitle
    },
    two_title() {
      return this.twoTitle
    },
  },
  data() {
    return {
    }
  },
};
</script>

<style scoped lang="scss">
.navInfo {
  color: #4C4B4B;
  font-size: 14px;
  margin: 20px 0;
  .home {
    cursor: pointer;
    transition: all .3s;
  }
  .home:hover {
    color: $public-color;
  }
}
</style>
